<template>
    <view>
        <view class="banner">
            <image class="banner-img" :src='banner.cover'></image>
            <view class="banner-title">{{banner.title}}</view>
        </view>
        <view class="article-meta">
            <text class="article-author">{{banner.author_name}}</text>
            <text class="article-text">发表于</text>
            <text class="article-time">{{banner.published_at}}</text>
        </view>
        <view class="article-content">
            <rich-text :nodes="htmlString"></rich-text>
        </view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                title: 'list-triplex-row',
                banner: {},
                htmlString: ""
            }
        },
        onShareAppMessage() {
            return {
                title: this.banner.title,
                path: '/pages/template/list2detail-detail/list2detail-detail?detailDate=' + JSON.stringify(this.banner)
            }
        },
        onLoad(event) {
            // 目前在某些平台参数会被主动 decode，暂时这样处理。
			console.log(event)
            try {
                this.banner = JSON.parse(decodeURIComponent(event.detailDate));
				let content = '<p style="text-align:center"><img data-loadfunc="0" src="https://img.rednet.cn/2019/12-19/7836ea15-593b-49ee-9623-c35e7a83ac6c." data-loaded="0" _styleapp="width: 640px; height: 480px; "/></p><p name="appImgDesc" style="display: block; font-size: 14px; text-align: center; color: rgb(119, 119, 119); line-height: 142%; margin: -6px 0px 20px;">澜湄水资源合作部长级会议17日在北京召开　王庆凯　摄</p><p style="text-indent: 2em; text-align: justify;">中新网北京12月18日电 (王庆凯)由中国水利部主办的澜湄水资源合作部长级会议17日在北京召开。本次会议通过了《澜湄水资源合作部长级会议联合声明》《澜湄水资源合作项目清单》等成果文件，并见证签署了《澜湄水资源合作中心与湄公河委员会秘书处合作谅解备忘录》。</p><p style="text-indent: 2em; text-align: justify;">中国水利部部长鄂竟平、柬埔寨王国水资源与气象部国务秘书本汉、老挝人民民主共和国自然资源与环境部部长宋玛·奔舍那、缅甸联邦共和国交通与通讯部常务秘书温凯、泰王国总理府国务部长贴宛·立巴潘洛、越南社会主义共和国自然资源与环境部副部长黎功成参会。</p><p style="text-indent: 2em; text-align: justify;">会上，六国部长级官员围绕“提升水伙伴关系，促进可持续发展”交流澜湄国家水治理政策与经验，回顾澜湄水资源合作进展，展望澜湄水资源合作的发展方向和优先行动。</p><p style="text-indent: 2em; text-align: justify;">鄂竟平在致辞中指出，澜湄水资源合作应当充分尊重各国合理开发利用水资源的权益，应当充分照顾彼此的重大关切。“澜湄水资源合作事务应当由澜湄国家自己商量着办，澜湄水资源合作大计，也只能由我们六国自己来主导。”</p><p style="text-indent: 2em; text-align: justify;">鄂竟平进一步表示，与个别国家唱衰的声音相反，参会国家的官员均为澜湄合作成员国之间加强水资源合作提出了诸多期望和富有建设性的建议。</p><p style="text-indent: 2em; text-align: justify;">柬埔寨水资源与气象部国务秘书本汉表示，为解决澜湄合作在可持续发展方面所面临的挑战和预防问题的产生，各国需要紧密交流，而此次会议为各国提供了有利的交流平台，也为各国部长提供了表达意见的机会。</p><p style="text-indent: 2em; text-align: justify;">老挝自然资源与环境部部长宋玛·奔舍那表示，继第一次和第二次澜湄合作领导人会议以来，老挝人民民主共和国一直高度重视澜湄水资源合作领域的伙伴关系。“我们高度评价中华人民共和国通过多边和双边框架提供的支持和贡献，尤其是对执行《三亚宣言》、《金边宣言》和《湄公河-澜沧江水资源合作五年行动计划(2018-2022)》的支持和贡献。”</p><p style="text-indent: 2em; text-align: justify;">缅甸交通与通讯部常务秘书温凯则在发言中称，本次会议的举行是澜湄水资源合作领域一块重要的里程碑。他相信，本次会议将极大推动澜湄水资源合作，并推动这一地区的经济和社会发展。</p><p style="text-indent: 2em; text-align: justify;">“我们对可持续、高效利用水资源和水资源合作的高度关注。”越南自然资源与环境部副部长黎功成亦表示，澜湄六国在水资源合作领域还面临着诸如气候变化、环境污染、水位异常下降等“非常巨大的挑战，要解决挑战，我们单枪匹马是不行的，必须通过所有成员国以及国际社会的一道努力。</p><p style="text-indent: 2em; text-align: justify;">泰国总理府国务部长贴旺·立巴攀洛在致辞中表示，本次部长级会议将有助于澜湄合作与各成员国的发展战略相结合，加强宣传与公共意识，并强化六国澜湄合作国家秘书处之间的联系。“湄澜合作正朝着促进社会和经济发展的目标前进，在这方面我愿向各位保证，泰国将与各成员国积极密切合作，促进部长级会议取得成效，促进本地区的包容性增长。”(完)</p>'
				this.htmlString = content.replace(/\\/g, "").replace(/voice/g,
				    "p").replace(/，/g,"").replace(/<img/g,"<img style=\"width:100%;\"");
            } catch (error) {
                this.banner = JSON.parse(event.detailDate);
            }

            this.getDetail();			
            uni.setNavigationBarTitle({
                title: this.banner.title
            });
        },
        methods: {
            getDetail() {
				// console.log(this.banner.content)
				// this.htmlString = this.banner.content.replace(/\\/g, "").replace(/voice/g,
				//     "p").replace(/，/g,"");
				// console.log(this.htmlString)
       //          uni.request({
       //              url: 'https://unidemo.dcloud.net.cn/api/news/36kr/' + this.banner.post_id,
       //              success: (data) => {
       //                  if (data.statusCode == 200) {
							// data.data.content = '<p style="text-align:center"><img data-loadfunc="0" src="https://img.rednet.cn/2019/12-19/7836ea15-593b-49ee-9623-c35e7a83ac6c." data-loaded="0" _styleapp="width: 640px; height: 480px; "/></p><p name="appImgDesc" style="display: block; font-size: 14px; text-align: center; color: rgb(119, 119, 119); line-height: 142%; margin: -6px 0px 20px;">澜湄水资源合作部长级会议17日在北京召开　王庆凯　摄</p><p style="text-indent: 2em; text-align: justify;">中新网北京12月18日电 (王庆凯)由中国水利部主办的澜湄水资源合作部长级会议17日在北京召开。本次会议通过了《澜湄水资源合作部长级会议联合声明》《澜湄水资源合作项目清单》等成果文件，并见证签署了《澜湄水资源合作中心与湄公河委员会秘书处合作谅解备忘录》。</p><p style="text-indent: 2em; text-align: justify;">中国水利部部长鄂竟平、柬埔寨王国水资源与气象部国务秘书本汉、老挝人民民主共和国自然资源与环境部部长宋玛·奔舍那、缅甸联邦共和国交通与通讯部常务秘书温凯、泰王国总理府国务部长贴宛·立巴潘洛、越南社会主义共和国自然资源与环境部副部长黎功成参会。</p><p style="text-indent: 2em; text-align: justify;">会上，六国部长级官员围绕“提升水伙伴关系，促进可持续发展”交流澜湄国家水治理政策与经验，回顾澜湄水资源合作进展，展望澜湄水资源合作的发展方向和优先行动。</p><p style="text-indent: 2em; text-align: justify;">鄂竟平在致辞中指出，澜湄水资源合作应当充分尊重各国合理开发利用水资源的权益，应当充分照顾彼此的重大关切。“澜湄水资源合作事务应当由澜湄国家自己商量着办，澜湄水资源合作大计，也只能由我们六国自己来主导。”</p><p style="text-indent: 2em; text-align: justify;">鄂竟平进一步表示，与个别国家唱衰的声音相反，参会国家的官员均为澜湄合作成员国之间加强水资源合作提出了诸多期望和富有建设性的建议。</p><p style="text-indent: 2em; text-align: justify;">柬埔寨水资源与气象部国务秘书本汉表示，为解决澜湄合作在可持续发展方面所面临的挑战和预防问题的产生，各国需要紧密交流，而此次会议为各国提供了有利的交流平台，也为各国部长提供了表达意见的机会。</p><p style="text-indent: 2em; text-align: justify;">老挝自然资源与环境部部长宋玛·奔舍那表示，继第一次和第二次澜湄合作领导人会议以来，老挝人民民主共和国一直高度重视澜湄水资源合作领域的伙伴关系。“我们高度评价中华人民共和国通过多边和双边框架提供的支持和贡献，尤其是对执行《三亚宣言》、《金边宣言》和《湄公河-澜沧江水资源合作五年行动计划(2018-2022)》的支持和贡献。”</p><p style="text-indent: 2em; text-align: justify;">缅甸交通与通讯部常务秘书温凯则在发言中称，本次会议的举行是澜湄水资源合作领域一块重要的里程碑。他相信，本次会议将极大推动澜湄水资源合作，并推动这一地区的经济和社会发展。</p><p style="text-indent: 2em; text-align: justify;">“我们对可持续、高效利用水资源和水资源合作的高度关注。”越南自然资源与环境部副部长黎功成亦表示，澜湄六国在水资源合作领域还面临着诸如气候变化、环境污染、水位异常下降等“非常巨大的挑战，要解决挑战，我们单枪匹马是不行的，必须通过所有成员国以及国际社会的一道努力。</p><p style="text-indent: 2em; text-align: justify;">泰国总理府国务部长贴旺·立巴攀洛在致辞中表示，本次部长级会议将有助于澜湄合作与各成员国的发展战略相结合，加强宣传与公共意识，并强化六国澜湄合作国家秘书处之间的联系。“湄澜合作正朝着促进社会和经济发展的目标前进，在这方面我愿向各位保证，泰国将与各成员国积极密切合作，促进部长级会议取得成效，促进本地区的包容性增长。”(完)</p>'
       //                      this.htmlString = data.data.content.replace(/\\/g, "").replace(/<img/g,
       //                          "<img style=\"display:none;\"").replace(/voice/g,
       //                          "p").replace(/，/g,"");
							// console.log(this.htmlString)
       //                  }
       //              },
       //              fail: () => {
       //                  console.log('fail');
       //              }
       //          })
            }
        }
    }
</script>

<style>
    view {
        font-size: 28upx;
        line-height: 1.8;
    }

    .banner {
        height: 360upx;
        overflow: hidden;
        position: relative;
        background-color: #ccc;
    }

    .banner-img {
        width: 100%;
    }

    .banner-title {
        max-height: 84upx;
        overflow: hidden;
        position: absolute;
        left: 30upx;
        bottom: 30upx;
        width: 90%;
        font-size: 32upx;
        font-weight: 400;
        line-height: 42upx;
        color: white;
        z-index: 11;
    }

    .article-meta {
        padding: 20upx 40upx;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        color: gray;
    }

    .article-text {
        font-size: 26upx;
        line-height: 50upx;
        margin: 0 20upx;
    }

    .article-author,
    .article-time {
        font-size: 30upx;
    }

    .article-content {
        padding: 0 30upx;
        overflow: hidden;
        font-size: 30upx;
        margin-bottom: 30upx;
    }
</style>
